<!--商品资料-->
<template>
  <el-container>
    <el-header>
      <el-button class="btn  float-left" type="text" round>{{lang._106}}</el-button>
      <el-button class="btn  float-left" type="text" round>{{lang._107}}</el-button>
      <el-button class="btn  float-left" type="text" round>{{lang._108}}</el-button>
      <el-button class="btn  float-left" type="text" round>{{lang._109}}</el-button>
      <el-button class="btn  float-left" type="text" round>{{lang._110}}</el-button>
      <!-- 导出按钮 -->
      <el-button class="float-right search-btn" type="primary" round>{{lang._012}}</el-button>
      <el-input class="select-input float-right" v-model="value" :placeholder="lang._111"></el-input>
      <el-select class="select-input float-right" width="149" v-model="value" :placeholder="lang._112">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
        </el-option>
      </el-select>
      <el-select class="select-input float-right" width="149" v-model="value" :placeholder="lang._113" style="width:130px"></el-select>
      <el-select class="select-input float-right" width="149" v-model="value" :placeholder="lang._114" style="width:94px;border-radius:14px 0 0 14px">
      </el-select>
      <!-- 时间选择 -->
    </el-header>
    <el-main>
        <el-table class="text-center tables" :data="tableData" stripe header-cell-style="color:#409eff;background-color:#ECF5FF;text-align:center;font-size:15px;padding-left:0;padding-right:0">
          <el-table-column prop="uid" :label="lang._045" width="41">
          </el-table-column>
          <el-table-column prop="operate" :label="lang._028" width="41">
              <template slot-scope="scope">
        <el-button type="text" size="small">{{lang._078}}</el-button>
      </template>
          </el-table-column>
          <el-table-column prop="goodsName" :label="lang._047" width="285">
          </el-table-column>
          <el-table-column prop="barcode" :label="lang._063" width="122">
          </el-table-column>
          <el-table-column prop="pinYinCode" :label="lang._064" width="283">
          </el-table-column>
          <el-table-column prop="goodsCategory" :label="lang._048" width="184">
          </el-table-column>
          <el-table-column prop="new" :label="lang._065" width="61">
          </el-table-column>
          <el-table-column prop="hot" :label="lang._066" width="61">
          </el-table-column>
          <el-table-column prop="stock" :label="lang._067" width="61">
          </el-table-column>
          <el-table-column prop="unit" :label="lang._068" width="61">
          </el-table-column>
          <el-table-column prop="purchasePrice" :label="lang._069" width="81">
          </el-table-column>
          <el-table-column prop="salesPrice" :label="lang._070" width="81">
          </el-table-column>
          <el-table-column prop="combinationPrice" :label="lang._071" width="81">
          </el-table-column>
          <el-table-column prop="vipPrice" :label="lang._072" width="81">
          </el-table-column>
          <el-table-column prop="vipDiscounts" :label="lang._073" width="81">
          </el-table-column>
          <el-table-column prop="supplier" :label="lang._074" width="75">
          </el-table-column>
      </el-table>
    </el-main>
  </el-container>


</template>
<style lang="less" scoped>
  .el-header {
    .btn {
      margin-top: 15px;
      height: 30px;
      line-height: 30px;
      padding: 0 20px;
      margin-left: 20px;
      margin-right: 20px;
    }
    .search-btn {
      height: 30px;
      line-height: 30px;
      padding: 0 20px;
      margin-top: 15px;
      border-radius: 0 14px 14px 0;
      margin-right: 20px;
      margin-left: 0;
    }
    .select-input {
      width: 149px;
      height: 28px;
      line-height: 28px;
      margin-top: 15px;
      border: 1px solid #409EFF;
      border-right: none;
      overflow: hidden;
    }
  }

</style>
<style scoped>
  .el-header,
  .el-footer {
    background-color: #FFF;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }

  .el-main {
    color: #333;
    text-align: center;
    /* line-height: 160px; */
  }

  body>.el-container {
    margin-bottom: 40px;
  }

  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }

  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }

</style>
<style>
  .el-input__inner {
    height: 28px;
    line-height: 28px;
    border: none;
    margin: 0;
  }
.el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
    padding-left:0;
}
.el-table .cell, .el-table th div{
    padding-right:0;
}
</style>


<script>
  export default {
    props: ['lang'],
    data() {
      return {
          tableData: [{
            uid: '1',
            goodsName: 'dhi huds usbu vyhyy sikgd',
            barcode: '1230612580',
            pinYinCode: 'Wo Ye Bu Zhi Dao',
            goodsCategory: '热菜',
            new: '是',
            hot: '否',
            stock: '97',
            unit: 'kg',
            purchasePrice: '25',
            salesPrice: '100',
            combinationPrice: '80',
            vipPrice: '90',
            vipDiscounts: '是',
            supplier: '无'
          },{
            uid: '1',
            goodsName: 'dhi huds usbu vyhyy sikgd',
            barcode: '1230612580',
            pinYinCode: 'Wo Ye Bu Zhi Dao',
            goodsCategory: '热菜',
            new: '是',
            hot: '否',
            stock: '97',
            unit: 'kg',
            purchasePrice: '25',
            salesPrice: '100',
            combinationPrice: '80',
            vipPrice: '90',
            vipDiscounts: '是',
            supplier: '无'
          },{
            uid: '1',
            goodsName: 'dhi huds usbu vyhyy sikgd',
            barcode: '1230612580',
            pinYinCode: 'Wo Ye Bu Zhi Dao',
            goodsCategory: '热菜',
            new: '是',
            hot: '否',
            stock: '97',
            unit: 'kg',
            purchasePrice: '25',
            salesPrice: '100',
            combinationPrice: '80',
            vipPrice: '90',
            vipDiscounts: '是',
            supplier: '无'
          },{
            uid: '1',
            goodsName: 'dhi huds usbu vyhyy sikgd',
            barcode: '1230612580',
            pinYinCode: 'Wo Ye Bu Zhi Dao',
            goodsCategory: '热菜',
            new: '是',
            hot: '否',
            stock: '97',
            unit: 'kg',
            purchasePrice: '25',
            salesPrice: '100',
            combinationPrice: '80',
            vipPrice: '90',
            vipDiscounts: '是',
            supplier: '无'
          },{
            uid: '1',
            goodsName: 'dhi huds usbu vyhyy sikgd',
            barcode: '1230612580',
            pinYinCode: 'Wo Ye Bu Zhi Dao',
            goodsCategory: '热菜',
            new: '是',
            hot: '否',
            stock: '97',
            unit: 'kg',
            purchasePrice: '25',
            salesPrice: '100',
            combinationPrice: '80',
            vipPrice: '90',
            vipDiscounts: '是',
            supplier: '无'
          },]
      };
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  }

</script>
